vue中实现锚点定位 | 您所在的位置:网站首页 › element ui菜单锚点 › vue中实现锚点定位 |
vue中实现锚点定位 通过监听滚动事件,高亮显示锚点按钮添加点击事件,根据锚点滚动至对应区域并实现平滑滚动 这里主要是实现了一个简单的滚动触发锚点高亮,以及点击锚点触发滚动的功能 如果是获取浏览器的滚动高度,各个浏览器有所差异,使用以下几种方式: Chrome: document.body.scrollTop Firefox: document.documentElement.scrollTop Safari: window.pageYOffset 我这里是局部元素滚动,因此稍有差异。先附上html及css代码块: scroll-content为滚动区域, operation-btn为控制锚点行为的按钮。 一层 二层 三层 四层 |
CopyRight 2018-2019 实验室设备网 版权所有 |